#wrap {
    width:  100%;
    height:  100%;
    display:  flex;
    justify-content:  center;
    align-items:  center;
    flex-wrap: wrap;
    background:  #000;
    color: #4cd964;
}

#wrap>div {
    height:  40%;
    width: 35%;
    margin: 0 2%;
}
table.layui-table.data-table-line {
    table-layout:  fixed;
    height: 80%;
    background:  #000;
}
.layui-table tbody tr:hover, .layui-table-hover {
    background: none !important;
}
td>span[data-after] {
    width: 22px;
    height: 22px;
    border: 1px solid #a0ff94;
    border-radius: 76px;
    display: block;
    position:  absolute;
    left: 50%;
    top: 50%;
    margin-left: -11px;
    margin-top: -11px;
}

table tr>td {
    line-height: 0 !important;
    padding: 0 !important;
    text-align:  center;
    border: 1px solid #708181 !important;
}
.data-table-show b {
    top: 3px;
    display:  inline-block;
    position:  absolute;
    left: 0;
    height:  38px;
    line-height:  14px;
    white-space: nowrap;
    display:  none;
}
h2 {
    position:  absolute;
    top: -7%;
    left:  0;
    bottom: 0;
    right:  0;
    margin:  auto;
    display:  inline-block;
    width: 100%;
    height: 40px;
    line-height:  40px;
    text-align:  center;
}
.layui-row.map-tip-info{position:absolute;top:20px;right:20px;/* box-shadow:1px 1px 5px; */padding:1px 20px;padding-top:18px;color: yellow;border: 1px solid;}
.layui-row.map-tip-info ul>li span{display:inline-block;width:70px;height:20px;text-align:center;line-height: 20px;}
.light-up{animation:flicker 1.1s infinite normal;animation-delay:0s;animation-timing-function:linear}
.light-up-monitor{animation:monitor 1.1s infinite normal;animation-delay:0s;animation-timing-function:linear}
.layui-row.map-tip-info:after{content:'图例说明';position:absolute;top:0;left:0;width:100%;text-align:center}
.layui-row.map-tip-info ul>li i{display:inline-block;width:20px;height:20px;border-radius:50%;border: 1px solid #21da50;}
@keyframes flicker{0%{box-shadow:none}
    100%{box-shadow:1px 1px 20px 2px red}
}
@keyframes monitor{0%{box-shadow:none}
    100%{box-shadow:1px 1px 20px 2px #0f0}
}
.layui-row.map-tip-info ul li {
    display:  flex;
    justify-content:  flex-start;
    align-items:  center;
    height:  30px;
}
.light-up-d {
    background:  red;
    border: none !important;
}